CSS 格式规则

代码块内容缩进

缩进所有代码块内容，即规则内的规则和声明，以反映层次结构、方便理解。

推荐：

  1. @media screen, projection { 
  2.     html { 
  3.         background: # fff; 
  4.         color: # 444; 
  5.     } 
  6. }

声明标点

在所有声明后使用分号，以增加连贯性和延展性。

不推荐：

  1. .test { 
  2.     display: block; 
  3.     height: 100px 
  4. }

推荐：

  1. .test { 
  2.     display: block;
  3.     height: 100px; 
  4. }

属性名标点

所有属性名冒号后均需添加空格，但属性和冒号间不加空格，以增加连贯性。

不推荐：

  1. font-weight:bold;
  2. padding : 0;
  3. margin :0;

推荐：

  1. font-weight: bold;
  2. padding: 0; 
  3. margin: 0;

声明区标点

最后一个选择符和声明区起始处的左大括号之间需加空格。

不推荐：

  1. .video-block{ 
  2.     margin: 0; 
  3. } 
  5. .audio-block{ 
  6.     margin: 0;
  7. }

推荐：

  1. .video-block { 
  2.     margin: 0; 
  3. } 
  5. .audio-block { 
  6.     margin: 0; 
  7. }

选择符和声明分隔

所有选择符和声明均需另起一行。

不推荐：

  1. h1, h2, h3 { 
  2.     font-weight: normal; 
  3.     line-height: 1.2; 
  4. }

推荐：

  1. h1, 
  2. h2, 
  3. h3 { 
  4.     font-weight: normal; 
  5.     line-height: 1.2; 
  6. }

规则分隔

所有规则间均需加一个空行（两个换行符）。

推荐：

  1. html { 
  2.     background: # fff; 
  3. } 
  5. body { 
  6.     margin: auto; 
  7.     width: 50%; 
  8. }

CSS 引号

属性选择符和属性值均需使用双引号，链接值（ url()）中不可使用双引号。

不推荐：

  1. @import url("css/links.css"); 
  2. html { 
  3.     font-family: 'Open Sans', arial, sans-serif; 
  4. }

推荐：

  1. @import url(css/links.css); 
  2. html { 
  3.     font-family: "Open Sans", arial, sans-serif; 
  4. }